.b_my_enterprise {
    height: 100vh;
    background: #f8f8f8;
    .container {
        padding: 0 24px;
        .apply {
            height: 80px;
            background: #fef9e5;
            font-size: 24px;
            color: #f6c401;
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin: 0 -24px;
            padding: 0 24px;
            .img {
                width: 14px;
                height: 28px;
            }
        }
        .header {
            position: relative;
            height: 350px;
            .bg {
                width: 100vw;
                height: 296px;
                margin: 0 -24px;
            }
            .header_content {
                position: absolute;
                top: 24px;
                left: 0;
                box-sizing: border-box;
                width: 700px;
                height: 324px;
                padding: 0 24px;
                background: #ffffff;
                box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.05);
                border-radius: 20px;

                &_top {
                    display: flex;
                    height: 240px;
                    border-bottom: 1px solid #e6e6e6;
                    padding-top: 40px;
                    box-sizing: border-box;
                    &_left {
                        flex: 1;
                        .name {
                            font-size: 40px;
                            font-weight: 600;
                            color: #333333;
                        }
                        .tag {
                            font-size: 24px;
                            transform: scale(0.8);
                            margin-left: 22px;
                        }
                        .tag::after {
                            content: "企业管理员";
                            display: inline-block;
                            height: 36px;
                            color: #fff;
                            background: linear-gradient(90deg, #fed000 0%, #ffbe00 100%);
                            border-radius: 30px;
                            padding: 6px 16px;
                        }
                        .company {
                            font-size: 30px;
                            color: #666666;
                            margin-top: 16px;
                        }
                    }

                    &_right {
                        flex: 1;
                        display: flex;
                        justify-content: flex-end;
                        .photo {
                            width: 160px;
                            height: 160px;
                            border-radius: 80px;
                        }
                    }
                }

                &_btm {
                    height: 80px;
                    font-size: 24px;
                    color: #999999;
                    display: flex;
                    align-items: center;
                }
            }
        }
        .member {
            height: 280px;
            margin-top: 20px;
            padding: 0 24px;
            background: #ffffff;
            box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.05);
            border-radius: 20px;
            box-sizing: border-box;
            margin-bottom: 20px;
            &_title {
                padding-top: 40px;
                padding-bottom: 20px;
                height: 40px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                &_left {
                    font-size: 30px;
                    font-weight: 600;
                    color: #333333;
                }
                &_right {
                    display: flex;
                    align-items: center;
                    font-size: 24px;
                    color: #999999;
                    .img {
                        width: 32px;
                        height: 32px;
                    }
                }
            }
            &_content {
                display: flex;
                &_item {
                    font-size: 24px;
                    margin-right: 32px;
                    color: #666666;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    .photo {
                        width: 88px;
                        height: 88px;
                        border-radius: 44px;
                        margin-bottom: 8px;
                    }
                }
            }
        }
        .enterprise_info {
            height: 334px;
            background-color: #fff;
            padding: 0 24px;
            box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.05);
            border-radius: 20px;
            box-sizing: border-box;
            &_title {
                padding-top: 40px;
                padding-bottom: 20px;
                height: 40px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                &_left {
                    font-size: 30px;
                    font-weight: 600;
                    color: #333333;
                }
                &_right {
                    display: flex;
                    align-items: center;
                    font-size: 24px;
                    color: #999999;
                    .img {
                        width: 32px;
                        height: 32px;
                    }
                }
            }
            &_con {
                &_item {
                    height: 80px;
                    font-size: 28px;
                    color: #666666;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    .left_text {
                        width: 112px;
                    }
                    .right_text {
                        flex: 1;
                        text-align: right;
                        margin-left: 130px;
                    }
                }
            }
        }
    }

    .invite_dialog {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.5);
        z-index: 1000;

        .invite_dialog_body {
            position: absolute;
            top: 300px;
            left: 60px;
            &_content {
                width: calc(315px * 2);
                border-radius: 10px;
                .title {
                    height: calc(40px * 2);
                    font-size: calc(15px * 2);
                    color: #333333;
                    background-color: #ffc200;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }
                .con {
                    height: calc(290px * 2);
                    background-color: #fff;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    .con_title {
                        font-size: calc(17px * 2);
                        font-weight: 500;
                        color: #333333;
                        margin-top: calc(20px * 2);
                    }
                    .con_text {
                        font-size: calc(12px * 2);
                        color: #999999;
                    }
                    .copy_like {
                        font-size: calc(12px * 2);
                        font-weight: 500;
                        color: #ffbf00;
                    }
                }
            }
            &_close {
                display: flex;
                justify-content: center;
                margin-top: calc(20px * 2);
                .closeIcon {
                    width: calc(28px * 2);
                    height: calc(28px * 2);
                }
            }
        }
    }
}
